<template>
  <div class="list">
    <div class="list_item">
      <div class="list_item_date van-ellipsis">2022年1月9日</div>
      <div class="list_item_doctor van-ellipsis">罗马化医生</div>
      <div class="list_item_prescription van-ellipsis">阿力普啊</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "list",
};
</script>

<style lang="scss" scope>
.list {
  &_item {
    margin: 20px 0;
    display: flex;
    font-size: 15px;

    &_date {
      width: 32%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    &_doctor {
      width: 32%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    &_prescription {
      width: 36%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}
</style>
